<div class="custom-wrapper pure-g" id="menu">
    <div class="pure-u-1 pure-u-md-1-3">
        <div class="pure-menu">
            <a href="javascript:;" class="pure-menu-heading custom-brand">Home</a>
            <a href="javascript:;" class="custom-toggle" id="toggle">
                <i class="bar"></i>
                <i class="bar"></i>
                <i class="bar"></i>
            </a>
        </div>
    </div>
    <div class="pure-u-1 pure-u-md-1-3">
        <div class="pure-menu pure-menu-horizontal custom-can-transform">
            <ul class="pure-menu-list">
                <li class="pure-menu-item" data-id="blog">
                    <a href="{{ url_for('visit.article') }}" class="pure-menu-link">Blog</a>
                </li>
                <li class="pure-menu-item" data-id="about">
                    <a href="#" class="pure-menu-link">About</a>
                </li>
                <li class="pure-menu-item" data-id="admin">
                    <a href="{{ url_for('admin.index') }}" class="pure-menu-link">Admin</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="pure-u-1 pure-u-md-1-3">
        <div class="pure-menu pure-menu-horizontal custom-menu-3 custom-can-transform">
            <ul class="pure-menu-list">
                <li class="pure-menu-item" data-id="project">
                    <a href="#" class="pure-menu-link">Project</a>
                </li>
                <li class="pure-menu-item" data-id="contact">
                    <a href="#" class="pure-menu-link">Contact</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 
<div id="YOUDAO_DICTER_WRAPPER" style="margin:0; border:0; padding:0; width:320px; height:240px;"></div>
<script type="text/javascript" src="http://fanyi.youdao.com/openapi.do?keyfrom=fy4gsw945&key=1580915568&type=dicter&version=1.2&select=on&translate=on" charset="utf-8"></script>
 -->